<template>
    <div style="height: 100px;">
        <Button @click="addItem">Click to add new task item</Button>
        <Name :rtl="lang.rtl" v-model="name"/>
    </div>
</template>

<script>
import { Methods, TaskItem } from "../../Store/WorkPanel";
import { newGuid } from "../../Utils/Guid";
import Name from "../Name"

export default {
  components: {
    Name
  },
  data(){
    return {
      name: {
          ug: "",
          en: "",
          zh: "",
          kz: "",
          ru: ""
      }
    }
  },
  methods: {
    addItem() {
      const item = new TaskItem("This is a message");
      Methods.addTask(this.$store, item);
    }
  },
  computed: {
    lang(){
      return this.$store.state.lang
    }
  },
  created() {

  }
};
</script>


<style lang="scss" scoped>
</style>
